@charset "utf-8";
@import url("../css/font.css");
/* CSS Document */
body {font-size: 12px; font-family: Arial,'Open Sans',  Helvetica, sans-serif; font-weight: 400; color: #3c3c3c;margin: 0px;padding: 0px;}
a {color: #3c3c3c; text-decoration:none; outline:none;}
a:hover {color: #0e7ac3;}

input:focus[type=text],input:focus[type=password],input.normal, textarea:focus, select:focus{ border: 1px solid #349EED; box-shadow: 0 0 5px #eee; background: #fff;}

/*input{font-size: 12px; height: 25px; line-height: 25px;  font-family: Arial, Helvetica, sans-serif; color: #666666; border-radius: 3px; moz-border-radius: 3px; -webkit-border-radius: 3px; }*/
/*input[type=checkbox]{ height: auto; line-height: inherit; margin: 0 5px 0 0 !important; vertical-align: middle; display: inline-block !important;}*/
input[type=text], input[type=password],input.normal, select.normal{ background: #fff; border: 1px solid #8c8c8c; border-radius: 3px; height: 25px; display: inline-block; padding: 2px 5px;}
input{font-size: 12px; height: 25px; line-height: 25px;  font-family: Arial, Helvetica, sans-serif; color: #666666; border-radius: 3px; moz-border-radius: 3px; -webkit-border-radius: 3px; }

input:focus[type=text],input:focus[type=password],input:focus.normal, textarea:focus, select:focus{ border: 1px solid #349EED; box-shadow: 0 0 5px #eee; background: #fff;}
select.normal{padding: 2px 5px 2px 10px; height: 30px; line-height: 1em; display: inline-block; font-size: 12px;margin-bottom: 10px;}

input[type="submit"],input[type=button],input[type=reset], button {
    background: none repeat scroll 0 0 #69c;
    border: 1px solid #0a4193;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 3px;
    min-width: 40px;
    margin-bottom: 2px;
}

input[type="submit"]:hover,input[type=button]:hover,input[type=reset]:hover, button:hover {
    background: none repeat scroll 0 0 #5f9729;
    border-color: #5f9729;
    color: #fff;
}

option.normal{ padding: 3px 5px;}
textarea{ border-radius: 3px; background: #fcfcfc;}
/*button{ background: none; border: none; cursor: pointer;}*/
label{ font-size: 13px;}
ul, li{list-style: none;}
ol>li{ list-style: decimal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
p{ line-height: 1.5em;}

.mb5 {margin-bottom: 5px;}
.mr10{ margin-right: 10px;}
.dlb{ display: block;}
.dib{ display: inline-block;}
.fll{ float: left;}
.flr{ float: right;}
.clr {clear: both;}

#header, #menu, #main, #footer, #featured{ position: relative; width: 100%; clear: both;}

.container{ 
    /*width: 90%; */
    margin: 0 20px; padding: 0 10px; position: relative;
}
/*logo*/
.nav{
    height: 44px;
    position: relative;
    width: 129px;
}
.nav .brand .lmi_header_logo {
    background: url("../images/logo/logo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 42px;
    /*margin: 7px 0 0 30px;*/
    padding: 0;
    width: 99px;
}
/* header */
.tm-dropdown{ position: absolute; top: 44px; left: 0; background: #1a68bf;visibility: hidden; min-width: 200px;padding-top: 10px;}
ul.content{padding-left: 100px;}

#menu ul#main-menu li .tmd a{color: #000000;text-transform: none;height: 30px;line-height: 30px;}

/* menu */
#menu-full{width: 100%;position: fixed;z-index: 800;}
#menu{ height: 44px; background: #1A54AB; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);z-index: 10;}
#menu ul#main-menu li{ float: left; position: relative;}
#menu ul#main-menu li a{ height: 44px; line-height: 44px; text-transform: uppercase; font-weight: 600; color: #e1effb; font-size: 12px; display: inline-block; padding: 0 25px;}
#menu ul#main-menu li a.active{ background: #0c78d4; color: #fff;}

#menu ul#main-menu li a:hover, #menu ul#main-menu li a.focus{ color: #fff; background: #1A68BF;}

#menu ul#main-menu li:hover .tm-dropdown{ display: inline-block !important;}
#menu ul#main-menu .tm-dropdown li a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*color: #e1effb;*/
}
#menu ul#main-menu .tm-dropdown li{clear: left;}
#submenu{
    background-color: #F5F5F5;
    border-bottom: 1px solid #888888;
    position: relative;
    height: 25px;
    vertical-align: bottom;
    padding-left: 50px;
}
#submenu li{
    float: left;
    position: relative;
    line-height: 25px;
}
ul.sub_top_menu {
    display: none;
}
ul.sub_top_menu li a {
    color: #000000;
    font-weight: bold;
    padding: 0 25px;
}
ul.sub_top_menu li.visited a {
    color: red;
}

ul.sub_top_menu li a.active {
    background: none repeat scroll 0 0;
    color: #FF0000;
}
#menu ul#main-menu  div.tm-dropdown li a{
    font-size: 12px;
    text-transform: inherit;
    height: 25px;
    line-height: 25px;
}

#menu ul#main-menu li .tm-dropdown a:hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #0C78D4;
}
#menu ul#main-menu li#header_profile{
    float: right;
}
#menu ul#main-menu li#header_profile .tm-dropdown{
    float: right;
    right: 0;   
}
/* main */
#main{
}
#main p{ line-height: 1.2em; min-height: 1em;}
/* footer */
div#footer {
    background: url("../images/bg-footer.gif") repeat-x scroll left center rgba(0, 0, 0, 0);
    border-top: 0 solid #EBEBEB;
    bottom: 0;
    clear: both;
    height: 35px;
    margin: 0 auto;
    /*position: ;*/
    width: 100%;
}
/*
#footer{ background: #f3f3f3 url(../css/images/footer-bg.jpg) top repeat-x; overflow: hidden; min-height: 400px;}
*/
/*Note*/
div#note-process, div#load_data, div#process, div#file_export, div#loadingall, div#smallLoadIcon, div#notice-print, div#loadingpage {
    display: none;
}
div#lda {
    background: url("../images/loadingall.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 90px;
}
div.nq {
    z-index: 9999999;
}
.vY {
    height: 100%;
    padding-top: 75px;
    position: fixed;
    top: 2px;
    visibility: visible;
    width: 100%;
    z-index: 5;
    cursor:wait;
}
.wait{
    cursor:wait;
}
div#loadingall, div#load_data, div#file_export, div#loadingpage {
    line-height: 100%;
    margin: 0 auto;
    padding: 6px 10px;
    position: relative;
    text-align: center;
    top: 100px;
    width: 15%;
}
div#loadingpage span {
    color: #CC0000;
    font-family: arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
}
div#load_data,div#file_export{
    position:relative;  
    text-align: center;
    width:10%;
    margin:0 auto;  
    padding: 6px 10px;
    line-height: 100%;
    top:100px;
}

div#load_data {
    width:217px;
    padding:12px;
    background-color: #348AE9;
    background-image: -webkit-linear-gradient(center top , #348AE9, #3777BD);
    background-image: -moz-linear-gradient(center top , #348AE9, #3777BD);
    background-image: -o-linear-gradient(center top , #348AE9, #3777BD);
    background-image: -ms-linear-gradient(center top , #348AE9, #3777BD);
    background-image: linear-gradient(center top , #348AE9, #3777BD);   
    border-radius:  10px 10px 10px 10px;
    height: 50px;
    position: relative; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;   
    border: 1px solid #085AB7;    
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);     
}
div#file_export {
    width:300px;
    padding:12px;
    background: none repeat scroll 0 0 #393E44;
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.5) inset;
    color: white;
    padding: 15px 13px 45px 15px;    
    border-radius:  10px 10px 10px 10px;
    height: 60px;
    position: relative; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;   
    border: 1px solid #393E44;        
}
a.file_export-icon{ display: block;height: 70px;width: 60px;vertical-align: middle;margin:0 auto;}
a.xls{background: url("../images/excel.png") no-repeat scroll center center transparent;}
a.doc{background: url("../images/doc.png") no-repeat scroll center center transparent;}
a.pdf{background: url("../images/pdf.png") no-repeat scroll center center transparent;}
p.file_export_close{
    background: url("../images/close-button-modal.png") no-repeat scroll center center transparent;
    display: block;
    height: 24px;
    position: absolute;
    top: -6px;
    right: -3px;
    width: 24px;
    cursor: pointer;
}
div.file_export-title{
    color: white;
    font: bold 12px/1.1 Arial,sans-serif;
    margin-bottom: 5px;
    text-align: center;
    text-shadow: 0 1px 0 black;
    word-wrap: break-word;   
}   

.ti-tabs{ font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.ti-tabs strong{ font-weight: 600;}
.ti-tabs ul.idTabs{ border-bottom: 1px solid #bbb; display: inline-block; width: 92%; padding-left: 95px;}
.ti-tabs ul.idTabs li{ float: left; margin-right: 10px;}
.ti-tabs ul.idTabs li a{ height: 24px; line-height: 24px; border: 1px solid #fff; display: inline-block; padding: 0 10px; background: #fff;}
.ti-tabs ul.idTabs li a.selected{ border: 1px solid #bbb; color: #0E7AC3 !important; border-bottom: none; margin-bottom: -2px; height: 26px; border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;}
.ti-tabs .content{ padding: 0; margin-top: 10px; min-height: 200px;}
.frmcontent{padding-top: 10px;padding-bottom: 10px;}

.frmcontent input[type=text], .register input[type=password] { margin-bottom: 10px;}
.frmcontent input.input-span2{ width: 260px; }
.frmcontent label{ display: block; margin-bottom: 3px;}
.frmcontent textarea{ width: 565px; min-width: 565px; max-width: 565px;margin-bottom: 10px;background: none repeat scroll 0 0 #fff;border: 1px solid #8c8c8c;border-radius: 3px;display: inline-block;padding: 2px 5px;}
.form.element{display: table-row-group;}
.frm{display: inline-block;margin:0 10px 0 10px;}
div.frm div label{ width: 180px; display:inline-block; float:left; clear:left;line-height: 30px; text-align: right; padding-right: 10px;}
div.frm div label.lb2{float: none;width: 180px;}
div.frm fieldset legend{font-weight: bold;margin-left: 10px;}
fieldset {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 2px;
}
#jqxWidget{padding: 10px;}
.frmcontent .w5, .frmcontent div label.w5{width: 5%;}
.frmcontent .w10, .frmcontent div label.w10{width: 10%;}
.frmcontent .w15, .frmcontent div label.w15{width: 15%;}
.frmcontent .w20, .frmcontent div label.w20{width: 20%;}
.frmcontent .w25, .frmcontent div label.w25{width: 25%;}
.frmcontent .w30, .frmcontent div label.w30{width: 30%;}
.frmcontent .w40, .frmcontent div label.w40{width: 40%;}

div.frm .block {display: inline-block;width: 100%;}
div.frm .block div.element{display: inline-block;}
div.frm .block div.w95{width: 95%}
div.frm .block div.w30{width: 30%}
div.frm .block div.w35{width: 35%}
div.frm .block div.w45{width: 45%}

div.frm div label.w25{width: 25%}
div.frm div label.w20{width: 20%}
div.d2 ul,div.d1 ul{display: inline-block;width: 70%;}
div.d2 ul li{display: inline-block; width: 40%;}
div.frm div.d2 ul li label,div.frm div.d1 ul li label{clear: left; width: auto;}
div.d1 ul li{display: inline-block; width: 90%;}
div.frm dt{display: none;}

.frmcontent .jqx-grid-column-header, .jqx-grid-columngroup-header {
    text-align: left;
    white-space: nowrap;
    /*background-color: #FFFFFF;*/
    color: #464343;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.frmcontent .jqx-grid-cell-selected-energyblue {
    background-color: #A2B0BC !important;
    color: #2B465E !important;
}

.button-left{
    padding-left: 10px;float:left; padding-bottom:2px;
}
.button-right{
    padding-right: 10px;float:right; padding-bottom:2px;
}
.button-left input,.button-right input {
    height: 28px;
}
.frmcontent input.jqx-input{height: 16px;}
}

div#left-silebar{   
    float:left;
    width:250px;    
    position: fixed !important;
    border-top: 0px solid #DDDDDD;
    overflow: auto;
    width: 22%;
    display: inline-block;
}

div.frm .block {display: inline-block;width: 80%;}
div.frm .block div.element{display: inline-block;}

.blcenter{text-align: center; padding-top: 2px;}
.w200{width: 200px;}
.w450{width: 450px;}
.w250{width: 250px;}
div.frm div label.w15 {width: 15%;}

/*Style table list*/
TABLE.list-table-data {
  font-size: 0px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  width:100%;
  /*border-top: 1px solid #DDDDDD;*/
}
/**/
TABLE.list-table-data tr:first-child
,TABLE.list-table-data tr.header
{
  border-top: 1px solid #DDDDDD;
}
TABLE.list-table-data tr.header:first-child TD
{
    border-top:  1px solid #DDDDDD;
}
TABLE.list-table-data tr.header TD
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background-color: #FFFFFF;
    background-image: -moz-linear-gradient(#FFFFFF, #F5F5F5);
    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#FFFFFF),to(#F5F5F5));
  height: 28px; line-height:28px;
  color: #464343;
  border-right:  1px solid #DDDDDD;
  border-top: none;
  border-bottom: 1px solid #DDDDDD;
}
TABLE.list-table-data TR TD:first-child {
    border-left: 1px solid #DDDDDD;
}
TABLE.list-table-data TR TD {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    font-size: 13px;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
}
TABLE.list-table-data TR:nth-child(even) {
    background-color: #F8F8F8;
}
  /**/
TABLE.list-table-data TR.header {
  font-weight: bold;
  cursor: default;
  color: #000000;
  background-color: #FFFFFF;
  text-align: center;
  font-family: Arial;
  font-size: 11px;
}

.jstree-icon{width: 20px;height: 20px;}
label.igroup:before{content: "";display: inline-block;padding-left: 3px;width: 16px;
  height: 16px;}
label.igroup{font-weight: bold;}
label.iopen:before{
  background: url("../images/open.gif") no-repeat scroll center center transparent;
}
label.iclose:before{
  background: url("../images/close.gif") no-repeat scroll center center transparent;
  
}
.jstree a {height: 20px;}
.jstree li[rel="group"] > a, .jstree li[rel="home"] > a{ height: 20px; line-height: 20px;font-weight: bold;}

.jstree li[rel="group"] > a > .jstree-checkbox,.jstree li[rel="home"] > a > .jstree-checkbox {line-height: 20px;}

.jstree-0 li[rel="group"] > a > .jstree-icon,.jstree-0 li[rel="home"] > a > .jstree-icon {width: 20px;height: 20px;}


.jstree-default li.jstree-open[rel="folder7"] > a > ins.jstree-icon  {
    background-image: url("../images/open.gif");
    background-position: 0 0;
}
.jstree-default li.jstree-closed[rel="folder7"] > a > ins.jstree-icon  {
    background-image: url("../images/close.gif");
    background-position: 0 0;
}
.jstree-default li.jstree-leaf[rel="folder7"] > a > ins.jstree-icon  {
    background-image: url("../images/close.gif");
    background-position: 0 0;
}

.jstree-default li[rel="home"] > a > .jstree-icon {
    background-image: url("../images/home.png");
    background-position: 0 0;
}

/*Content menu*/

.jstree-default-context, .vakata-contextmenu ul {margin: 0;  padding: 2px;  position: absolute;  background: #f5f5f5;  border: 1px solid #979797;  -moz-box-shadow: 5px 5px 4px -4px #666;  -webkit-box-shadow: 2px 2px 2px #999;  box-shadow: 2px 2px 2px #999;}

.jstree-default-context li>a>i:empty {width: 2.4em;line-height: 2.4em;}
.jstree-default-context li>a>i {text-decoration: none;display: inline-block;width: 2.4em;height: 2.4em;background: 0 0;margin: 0 0 0 -2em;vertical-align: top;text-align: center;line-height: 2.4em;}

.jstree-default-context li>a {display: block;padding: 0 2em;text-decoration: none;width: auto;color: #000;white-space: nowrap;line-height: 2.4em;-moz-text-shadow: 1px 1px 0 #fff;-webkit-text-shadow: 1px 1px 0 #fff;text-shadow: 1px 1px 0 #fff;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}

.jstree-default-context li>a .vakata-contextmenu-sep {display: inline-block;width: 1px;height: 2.4em;background: #fff;margin: 0 .5em 0 0;border-left: 1px solid #e2e3e3;}

/* file attach */
.itemfile{color: blue; text-decoration:none; outline:none;cursor: pointer;margin: 0 4px;}
.itemfile:hover {color: #0e7ac3;cursor: pointer;margin: 0 4px;}


/*.ui-datepicker-title select {height: 25px; padding: 0px;}*/
.btn-add-decorators {
    font-family: monospace;
    font-size: 20px;
}
.btn-delete-decorators {
    font-family: monospace;
    font-size: 10px;
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
    
}

#frm-search input, #frm-search select{
    margin-bottom: 3px;
    height: 25px;
}
#frm-search input {
    padding-bottom: 0px;
    padding-top: 0px;
}
